<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=320,user-scalable=no" />
		<meta name="format-detection" content="telephone=no" />
		<title></title>
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/user.css" />
	</head>
	<body>
		
		
		<div class="super1">
			<div class="top">
				<marquee>
					<label>13388888888 夺宝盈利</label>
					<span>200金币</span>
				</marquee>
			</div>
			<div class="title">
				<img src="imgs/index/title.png" />
			</div>
			
			<div class="main">
				<img src="imgs/index/indexlhj.gif" />
			</div>
			
			<div class="login">
				<img src="imgs/index/login.png" />
				<p>新用户首次登录即为注册</p>
			</div>
			<div class="fot">
				<img src="imgs/index/footer.png" />
			</div>
		</div>
		
		
		<div class="super">
			<div class="top">
				<marquee>
					<label>13388888888 夺宝盈利</label>
					<span>200金币</span>
				</marquee>
			</div>
			<div class="header">
				<div class="jinbi">
					<img src="imgs/user/jinbishuliang.png" />
					<p class="jbsl">0.0</p>
				</div>
				<p class="cztx">
					<img class="btncz" src="imgs/user/chongzhi.png" />
					<img class="btntx" src="imgs/user/tixian.png" />
					<img class="gantaihao" src="imgs/user/gantaihao.png" />
				</p>
			</div>
			
			<div class="title">
				<img src="imgs/user/guanggaoyu.png" />
			</div>
			
			<div class="main">
				<img class="giflhj" src="imgs/index/indexlhj.gif" />
				<img class="xszn" src="imgs/user/xszn.png" />
			</div>
			
			<div class="botimg3 cf">
				<div class="qiandao yiqiandao">
					<img src="imgs/user/meiriqiandao.png" />
					<img src="imgs/user/meiriqiandao2.png" />
				</div>
				<div>
					<img class="btnphb" src="imgs/user/paihangbang.png" />
				</div>
				<div>
					<img src="imgs/user/dailizhuanqian.png" />
				</div>
			</div>
			<div class="fot">
				<img src="imgs/index/footer.png" />
			</div>
		</div>
		
		<div class="fix" style="display: none;">
			<div class="meiriqiandao" style="display: none;">
				<img class="bg" src="imgs/user/meiribg.png" />
				<img class="img" src="imgs/user/qiandaoc.png" />
				<div class="qdlq"></div>
			</div>
			
			<div class="paihangbang" style="display: none;">
				<div class="fixclose"></div>
				<img class="fixbgimg" src="imgs/user/paihangbg.png" />
				<div class="list">
					<div class="item">
						<label>第1名 13888888888</label>
						<span>盈利 500</span>
					</div>
					<div class="item">
						<label>第1名 13888888888</label>
						<span>盈利 500</span>
					</div>
					<div class="item">
						<label>第1名 13888888888</label>
						<span>盈利 500</span>
					</div>
				</div>
			</div>
			
			<div class="caiduile" style="display: none;">
				<div class="ift">
					<p>9.5 金币</p>
				</div>
				<div class="ifb">
					<label>交易单号</label>
					<span>126546431684313<font>123</font></span>
					<label>单号结果</label>
					<span>6-大</span>
					<label>夺宝详情</label>
					<span>下单5金币<font>猜大</font></span>
					<label>额外奖励</label>
					<span>无</span>
				</div>
			</div>
			
			<div class="caicuole" style="display: none;">
				<div class="ifb">
					<label>交易单号</label>
					<span>126546431684313<font class="green">123</font></span>
					<label>单号结果</label>
					<span class="green">6-大</span>
					<label>夺宝详情</label>
					<span>下单5金币<font class="red">猜大</font></span>
					<label>额外奖励</label>
					<span class="red">234顺子 奖100金币</span>
				</div>
			</div>
			
			<div class="duobaojilu" style="display: none;">
				<div class="fixclose"></div>
				<div class="list">
					<div class="item">11111111111</div>
					<div class="item">11111111111</div>
					<div class="item">11111111111</div>
				</div>
			</div>
			
			<div class="zijinjilu" style="display: none;">
				<div class="fixclose"></div>
				<div class="list">
					<div class="item">11111111111</div>
					<div class="item">11111111111</div>
					<div class="item">11111111111</div>
				</div>
			</div>
			
			<div class="tixian" style="display: none;">
				<div class="fixclose"></div>
				<img class="fixbgimg" src="imgs/user/txbg.png" />
				<div class="txinfo">
					<input type="text" placeholder="请输入提现金额" />
					<p>可提现<span>100.2</span>金币, 红包<span>0</span>金币</p>
					<p>今日还可提现<label>5</label>次</p>
					<img class="txbtn" src="imgs/user/tixianbtn.png" />
					<ol>
						<li>每天可以不限时间兑换5次(秒到账)</li>
						<li>满1金币即可提现,每天提现最多1w金币;</li>
						<li>新用户首次提现积分需要夺宝3次;</li>
						<li>红包积分不能兑换,只能抵扣下单;</li>
						<li>1金币兑换1元;</li>
					</ol>
				</div>
			</div>
			
			<div class="chongzhi" style="display: none;">
				<div class="fixclose"></div>
				<img class="fixbgimg" src="imgs/user/chongzhibg.png" />
				<div class="infobox">
					<div class="wechartnotbind">微信未绑定</div>
					<p>按下图步骤完成第2步即完成绑定</p>
					<img src="imgs/user/czewm.png" />
				</div>
			</div>
			
			<div class="bangzhu" style="display: none;">
				<div class="fixclose"></div>
				<img class="fixbgimg" src="imgs/user/bangzhubg.png" />
				<div class="infobox">
					<img src="imgs/user/bangzhu1.png" />
				</div>
			</div>
			
			<!-- 首次 注册送金币 -->
			<div class="regone" style="display: none;">
				<img class="fixbgimg" src="imgs/user/hongbao.png" />
				<div class="info">
					<h2>金币夺宝</h2>
					<p>给您发了一个新手红包！</p>
					<div>没有邀请码</div>
					<img src="imgs/user/jinbi2.png" />
					<div class="">我有邀请码</div>
					<input type="text"  />
					<img src="imgs/user/jinbi4.png" />
				</div>
			</div>
			
			<div class="flogin" style="display: none;">
				<div class="fixclose"></div>
				<img class="fixbgimg" src="imgs/index/loginbg.png" />
				<div class="form">
					<input type="tel" class="phone" placeholder="请输入您的手机号" />
					<p>
						<input type="text" class="imgcode" placeholder="输入图片的数字" />
						<img class="getnew" src="http://test.wuyouchuxing.com/api/v1/laohu/get_code" />
					</p>
					<p>
						<input type="text" class="checkcode" placeholder="请输入验证码" />
						<img class="getmescode" src="imgs/index/btn_checkcode.png" />
						<span class="timeout">60s</span>
					</p>
					<img class="btnlogin" src="imgs/index/btn_login.png" />
					<ol>
						<li>新用户首次登录即完成注册；</li>
						<li>手机号就是您的登录帐号；</li>
						<li>图形验证码看不清请点击图片更换；</li>
						<li>若出现系统维护请耐心等待；</li>
						<li>每天限登录 5 次，超过请次日登录;</li>
					</ol>
				</div>
			</div>
			
		</div>
		
		
	</body>
	<script type="text/javascript" src="js/jquery-1.12.3.min.js" ></script>
	<script>
		
		// 所有的关闭
		$(".fixclose").on("click", function(){
			closeAll();
		});
		
		$(".btncz").on("click", function(){
			openFix(".chongzhi");
		});
		$(".btntx").on("click", function(){
			openFix(".tixian");
		});
		$(".xszn").on("click", function(){
			openFix(".bangzhu");
		});
		
		$(".btnphb").on("click", function(){
			openFix(".paihangbang");
		});
		
		$(".title").on("click", function(){
			openFix(".regone");
		});
		
		
		// 签到
		$(".btnqd").on("click", function(){
			// ajax
			if (true) {
				openFix(".meiriqiandao");
				localStorage.setItem("qiandao", true);	// 保存到本地
			}
		});
		
		// 点击领取 刷新
		$(".qdlq").on("click", function(){
			location.reload();
		});
		
		
		
		
		// 打开指定的浮窗
		function openFix(ci){
			$(".fix " + ci).show();
			$(".fix").show();
			absCenter(ci);
		}
		
		
		function closeAll(){
			$(".fix > div").hide();
			$(".fix").hide();
		}
		
		function absCenter(ci){
			var sh = $(".super").height();
			var h = $(ci).height();
			$(ci).css("top", (sh-h)/2);
		}
		
	</script>
	
</html>
